<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				margin: 0;
				border: 0;
			}
		</style>
	</head>
	<body>
		<!--div布局-->
		<div style="text-align: center;height: 50px;background-color: red;width: 400px;line-height: 50px;">
			我是导航栏
		</div>
		<div style="height: 300px;">
			<div style="height: 300px;width: 150px;background-color: blue;float: left;">
				<div>
					菜单
				</div>
			</div>
			<div style="height: 300px;width: 250px;background-color: aquamarine;float: left;">
				<div>
					内容
				</div>
			</div>
		</div>
		<div style="text-align: center;height: 50px;width: 400px;background-color: blanchedalmond;line-height: 50px;">
			我是底部
		</div>
		<!--table布局-->
		<table>
			<tr>
				<td colspan="2">
					<div style="text-align: center;height: 50px;background-color: red;width: 400px;line-height: 50px;">
						我是导航栏
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div style="height: 300px;width: 150px;background-color: blue;">
						<div>
							菜单
						</div>
					</div>
				</td>
				<td>
					<div style="height: 300px;width: 250px;background-color: aquamarine;">
						<div>
							内容
						</div>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div style="text-align: center;height: 50px;width: 400px;background-color: blanchedalmond;line-height: 50px;">
						我是底部
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>